@extends('layouts.app')

@section('content')



    <!--顶部-->
<script type="text/javascript">
    $(function() {
        var match = document.cookie.match(new RegExp('color=([^;]+)'));
        if(match) var color = match[1];
        if(color) {
            $('body').removeClass(function (index, css) {
                return (css.match (/\btheme-\S+/g) || []).join(' ')
            })
            $('body').addClass('theme-' + color);
        }

        $('[data-popover="true"]').popover({html: true});
        
    });
</script>

<script type="text/javascript">
    $(function() {
        var uls = $('.sidebar-nav > ul > *').clone();
        uls.addClass('visible-xs');
        $('#main-menu').append(uls.clone());
    });
</script>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
<!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
<!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> 
 
<!--<![endif]-->


<!--<div class="sidebar-nav">
	
</div>

<div class="content">
        
    </div>-->
	<div data-options="region:'center',iconCls:'icon-ok'">
			<div class="main-content">
	            <div class="btn-toolbar list-toolbar">
	                <div class="form-all mg_t100">
	                	<h2 class="text-center mg_b36">内保行政执法信息统计表</h2>
	                    <div id="main" style="height:600px;width:1200px;margin: 0 auto;"></div>
	              </div>
	            </div>
	        </div>
		</div>

        @if($dengji == 1)
        <p>省级</p>
        @elseif($dengji == 2)
         <p>市</p>
        @elseif($dengji == 3)
         <p>区</p>
        @elseif($dengji == 4)
         <p>派出所</p>
        @endif
<script>
    $(function () {
    	$("#browser").treeview();
        $(".sidebar-nav").find('li').each(function () {
            if($(this).hasClass("active")){
                $(this).parent('ul').addClass('in');
            }
        })
    })
</script>
<script type="text/javascript">
		function formatAction(value,row,index){
			return '<a href="">编辑</a>';            
		}
        
</script>
<script type="text/javascript">
		var toolbar = [{
			text:'新增',
			iconCls:'icon-add',
			handler:function(){
				window.open('');
			}
		}];
</script>
<script>
    $(function(){
            var h1=$(window).height();
            console.log(h1);
            var h2=$('.content').height();
            h2=h1-158;
            $('.content').css('min-height',h2+'px');
            $('.sidebar-nav').css('height',h2+'px');
    })
</script>


<script src="{{ URL::asset('/') }}build/dist/echarts.js"></script>
<script src="{{ URL::asset('/') }}/build/zhuti.js"></script>
<script type="text/javascript">
	
	var myChart = echarts.init(document.getElementById('main'),'zhuti');
	
 	option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data:['内保支队','芙蓉分局','天心分局','鹿麓分局','开福分局','雨花分局','高新分局','长沙县局','望城区局','浏阳市局','宁乡县局']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['安全检查','发现隐患','当场整改隐患','下发治安防范建议书','警告、下发整改通知书','复查隐患']
        }
    ],
    yAxis : [
        {
            type : 'value',
            max:80      //最大值
        }
    ],
    series : [
        {
            name:'内保支队',
            type:'bar',
            stack: '数据',
            data:[5, 3, 2, 1, 9, 7, 10],
             barWidth : 70
        },
        {
            name:'芙蓉分局',
            type:'bar',
            stack: '数据',
            data:[7, 5, 4, 8, 11, 2, 1],
        },
        {
            name:'天心分局',
            type:'bar',
            stack: '数据',
            data:[8, 8, 3, 4, 6, 5, 9],
        },
        {
            name:'鹿麓分局',
            type:'bar',
            stack: '数据',
             data:[4, 2, 8, 3, 4, 2, 6],
        },
        {
            name:'开福分局',
            type:'bar',
            data:[2, 7, 3, 2, 4, 6, 5],
            stack: '数据',
        },
        {
            name:'雨花分局',
            type:'bar',
            stack: '数据',
            data:[1, 5, 7, 9, 2, 5, 6],
            
        },
        {
            name:'高新分局',
            type:'bar',
            stack: '数据',
            data:[2, 6, 3, 8, 4, 2, 3],
        },
        {
            name:'长沙县局',
            type:'bar',
             stack: '数据',
             data:[2, 1, 4, 4, 6, 2, 1],
        },
        {
            name:'望城区局',
            type:'bar',
            stack: '数据',
            data:[0, 0, 1, 2, 1, 1, 2],
        },
         {
            name:'浏阳市局',
            type:'bar',
            stack: '数据',
             data:[3, 5, 5, 2, 4, 2, 2],
        },
         {
            name:'宁乡县局',
            type:'bar',
            stack: '数据',
            data:[2, 1, 1, 1, 1, 1, 1],
        },
        {
            name:'总和',
            type:'bar',
            stack: '数据',
            itemStyle:{
                normal:{
                    color:'rgba(128, 128, 128, 0)'
                }
            },
            data:[50, 65, 37, 48, 66, 78, 90]
        }
    ]
};
	// 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>



@stop
